/* ************************ 通用样式 start ***************************************/

/* * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
} */

body {
  color: #000;
  font-family: 'Times New Roman', Times, serif;
}

a:hover {
  text-decoration: none !important;
}

ul .ol {
  list-style: none;
}

/* ************************ 通用样式 end ***************************************/

/* ************************header 样式 start ***************************************/

/* 导航栏 */

.navber-cj {
  border-bottom: 1px solid #E0E0E0;
  padding: 0 1rem 0 0;
}

/* logo图标区域样式 */

#cjHeader .navber-cj .navbar-brand {
  height: 100px;
  margin-left: 15px;
  margin-right: 60px;
}

#cjHeader .navber-cj .navbar-brand img {
  /* width: 130px; */
  height: 100%;
}

/* 导航栏文字部分 */

#cjHeader .navber-cj .navbar-nav li>a {
  height: 100px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  /* 底边边框透明 */
  /* border-bottom: 2px solid transparent; */
  /* 如果不写这个底边边框，则效果更好，因为有边框，鼠标移入的时候会稍稍突起a标签的效果 */
}

/* 鼠标移入a标签时，添加底边边框颜色 */

#cjHeader .navber-cj .navbar-nav li>a:hover {
  border-bottom: 3px solid mediumpurple;
}

/* ************************header 样式 end ***************************************/

/* ************************?index页面 样式 start ***************************************/

/* ************************新闻区域 样式 start ***************************************/

#cjNewProduct {
  margin: 20px 0;
}

.cjListGroup .list-group-item {
  border: none;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* ! 这里的.list-group-item.active 之间不能有空格 因为这样的意思才是.list-group-item的active状态，如果有空格则表示为.list-group-item的下面有一个active的class*/

.cjListGroup .list-group-item.active {
  background-color: #4d78ab;
}

.userImg {
  /* inline 这样图片才能和文字在一行中 */
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

/* 新闻card中的a标签的鼠标移入时的颜色 */

.cardAtagColor:hover {
  color: #337ab7 !important;
}

/* 24小时热点样式 */

.cjHotNewsList a:hover {
  color: #337ab7 !important;
}

/* ************************新闻区域 样式 end ***************************************/

/* ************************? index页面 样式 end ***************************************/

/* ************************? news-details页面 样式 statr ***************************************/

/* 新闻详情页区域样式 */

#cjNewDetails {
  min-height: 60vh;
}

/* 详情title样式 */

.cjNewsTitle {
  margin-top: 20px;
}

/* 新闻小标题的样式 */

.cjNewsStatus {
  color: #999;
}

/* 新闻详情文字内容样式 */

.cjNewscontainer {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5rem;
}

/* 相关推荐样式 */

.cjSameNewsList {
  color: #000;
}

.cjSameNewsList a:hover {
  color: #337ab7 !important;
}

/* ************************? news-details页面 样式 end ***************************************/

/* ************************? loglin页面 样式 start ***************************************/

#cjLogin {
  min-height: 60vh;
}

.cjLogintext {
  text-align: right;
}

.cjLogintext a {
  color: #999 !important;
}

.cjLogintext a:hover {
  color: #337ab7 !important;
}

/* ************************? loglin页面 样式 end ***************************************/

/* ************************? register页面 样式 start ***************************************/

#cjregister {
  min-height: 60vh;
}

/* 同意隐私条款样式 */

.agree-privacy {
  color: #999;
  font-size: 12px!important;
  text-align: center
}

/* ************************? register页面 样式 end ***************************************/

/* --------------------------------footer start----------------------------------------  */

/* #webFooter {} */

#webFooter {
  /*background-color: yellowgreen;*/
  width: 100%;
  height: 200px;
  background: url("../images/ft_bg.png") no-repeat center;
  color: #fff;
}

#webFooter .container .row {
  height: 200px;
}

#webFooter .container ul li a {
  color: #fff;
}

#webFooter .container ul li a:hover {
  text-decoration: underline;
}

/* --------------------------------footer end----------------------------------------  */